.nav {
  .divider {
    border-color: #bbb;
    width: 1200px;
  }

  .bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .links {
    display: flex;
    align-items: center;
  }

  .link {
    padding: 6px 12px;
    margin: 0 8px;
    color: var(--color-text);
    font-family: 'YouSheBiaoTiHei';
    text-decoration: none;
    border-radius: 2px;

    &:hover {
      color: var(--color-primary-hover);
    }
  }

  .active {
    background: var(--active-bg);
    color: var(--color-primary);
    /* 底部金条 */
    box-shadow: inset 0 -3px 0 var(--color-primary);
  }
}